﻿/*css comment*/
* {
    margin:0;
    padding:0;
    outline:none;
    list-style:none;
    text-decoration:none; 
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body,html {
    color:#333;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #fff;
    /*overflow: hidden;*/
    font-family:"宋体", arial;
    font-size: 14px;
    line-height: 1.5;
}
img {
    border:none;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    _width:auto;
}
input, textarea ,select{
    border:none;
    background:none;
    font-size:14px;
    vertical-align:middle;
    color:#333;
    font-family:"宋体",arial;
}
select {
    border:inherit;
    background: inherit;
}
a {
    text-decoration:none; 
    outline: none;
    color:#333;
}
a:hover,a:active,a:focus {
    text-decoration:none;
}

.no_touch a:hover,.touch_body a:hover{ color:#e30b20;}

em, i {
    font-style:normal;
}
a:focus, input, select {
    outline:none;
}
.clearfix { *zoom:1; }
.clearfix::before,.clearfix::after {
    content:"\200B";
    display: block;
    clear: both;
    height: 0;
} 
input[type="submit"], input[type="reset"], input[type="button"], button {
    -webkit-appearance: none;
}
/*input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover{
    opacity: 0.90;
}*/ 
header,main,footer,section{ display: block;}
.inner{ width: 1000px; margin:0 auto;}
/*头部*/
.header{position: relative;}
.header .inner{background:#fff;padding:30px 0; }
/*首页头部*/
.headerIndex .inner{padding:30px 20px;}
.logo{font-size:16px;float: left;}
.logo b{font-weight: normal; display: block;padding:2px 8px;background: #195aa4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1881c4', endColorstr='#195aa4');
    background: -webkit-linear-gradient(left,#1881c4,#195aa4);
    background: -o-linear-gradient(left,#1881c4,#195aa4);
    background: -moz-linear-gradient(left,#1881c4,#195aa4);
    background: linear-gradient(left,#1881c4,#195aa4);border-radius: 3px;color:#fff; float: left;margin-top:35px;}
.logo img{vertical-align: bottom;padding-right:15px; float: left;}
.header_bar{ float: right;}
.fr{ display: inline-block;}
.oldLink{font-size:12px; font-family: "宋体"; text-align: right;}
.sousuo{padding-top:10px;}
.sousuo a{height:25px;line-height:25px; float:left;padding:0 8px;margin-top:11px; background: #f3f3f3;font-family: "宋体"; margin-right:10px; }
.sousuo a:hover{color:#fff; background: #195aa4;}
.sousuo select{width:68px;height:36px;border:1px solid #1358a6;border-left:none;margin-right: 10px;/*margin-left:-10px;*/}
.text_01{border:1px solid #1358a6;padding:3px;height:36px;line-height:36px;width:190px;}
.btn_ser{width:75px; background: url(../img/search_ico01.png) no-repeat 10px center #195aa4;color:#fff;padding-left:25px;height:36px;line-height:36px;font-size:16px; cursor: pointer;}
.sousuo .search_ico{ display:none; opacity: 0; background: none;}
.sousuo .search_ico:hover{ background: none;}
.sousuo .search_ico img{vertical-align: middle;}
/*menu_ico*/
/*.menu_ico{ cursor: pointer; width:30px; height:24px; position:absolute; top:79px; right:20px; display: none; background: url(../img/nav02.png) no-repeat center center;}
.menu_ico i{ display: none; width: 90%; height: 3px; border-radius: 3px; background-color: #1357a6; position: absolute; top:0;right:0;}
.menu_ico i:nth-of-type(2){ top:10px;width:80%;}
.menu_ico i:nth-of-type(3){ top:20px;width:100%;}
.menu_active{ background: none;}
.menu_active i{ background-color: #1357a6;width:100%; display: block;}
.menu_active i:nth-of-type(2){ opacity: 0;}
.menu_active i:nth-of-type(1),.menu_active i:nth-of-type(3){ top: 10px;}
.menu_active i:nth-of-type(1){ transform:rotate(-45deg);}
.menu_active i:nth-of-type(3){ transform:rotate(45deg);}*/
/*主导航*/
.nav{border-top:2px solid #1358a6; height: auto; background: #fff;}
.nav a{padding:0 4.6%;font-size:16px;}
.nav ul{ float: left;padding:5px 0 5px 1.5%;}
.nav ul li{padding-top:5px;}
.nav ul:nth-of-type(1){width:37%; position: relative;padding-left:2.5%;}
.nav ul:nth-of-type(1)::after,.nav ul:nth-of-type(2)::after{content: "";width:1px;height:43px; position:absolute;right:0;top:50%;margin-top:-20px; background: #e8e8e8;}
.nav ul:nth-of-type(1) li a:nth-of-type(1){padding-left:0;}
.nav ul:nth-of-type(2){width:46%; position: relative;padding-left:2.2%;}
.nav ul:nth-child(3){padding-left:4.6%;width:16.2%;}
.indexNav{z-index: 1003; position:relative;}
.indexNavscr{ position: fixed;top:0;margin-top:0;width:1000px; opacity: .8; background:#195aa4;border-top:2px solid #e30b20;}
.daohang{ height: auto; overflow: hidden;padding-bottom: 25px;}
.indexNavscr .daohang{padding-bottom:10px;}
.indexNavscr a{color:#fff;}
/*menu_ico*/
.indexNav .menu_ico{ z-index:1005;cursor: pointer; width:30px; height:24px;padding:0; position:absolute; top:-48px; right:0px; display: none; background: url(../img/nav02.png) no-repeat center center;}
.indexNav .menu_ico i{ display: none; width: 90%; height: 3px; border-radius: 3px; background-color: #1357a6; position: absolute; top:0;right:0;}
.indexNav .menu_ico i:nth-of-type(2){ top:10px;width:80%;}
.indexNav .menu_ico i:nth-of-type(3){ top:20px;width:100%;}
.indexNav .menu_active{ background: none;}
.indexNav .menu_active i{ background-color: #1357a6;width:100%; display: block;}
.indexNav .menu_active i:nth-of-type(2){ opacity: 0;}
.indexNav .menu_active i:nth-of-type(1),.indexNav .menu_active i:nth-of-type(3){ top: 10px;}
.indexNav .menu_active i:nth-of-type(1){ transform:rotate(-45deg);}
.indexNav .menu_active i:nth-of-type(3){ transform:rotate(45deg);}
/*频道导航*/
.pindao_nav{z-index: 1003; position:relative;height:50px;border-radius: 3px;background: #195aa4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1881c4', endColorstr='#195aa4');background: -webkit-linear-gradient(left,#1881c4,#195aa4);background: -o-linear-gradient(left,#1881c4,#195aa4);background: -moz-linear-gradient(left,#1881c4,#195aa4);background: linear-gradient(left,#1881c4,#195aa4);padding:0 20px;line-height:50px;}
.pindao_navscr{ position: fixed;top:0;margin-top:0;width:1000px;}
.pindao_nav h2{font-size:22px; float: left;color:#fff;margin-right:25px;}
.pindao_nav h2 img{ display:inline-block; vertical-align: middle; margin-right: 10px;}

.pgwMenu {height: 50px; position: relative; list-style: none;}
.pgwMenu ul { list-style: none; white-space: nowrap; margin: 0; padding: 0;}
.pgwMenu li { float: left; position: relative;}
.pgwMenu li::before{ content:""; position: absolute; top:50%; right:0; margin-top: -7px; width:1px; height: 14px; background: rgba(255,255,255,.60);}
.pgwMenu li:last-child::before{ display:none;}
.pgwMenu li a:hover{color:#fff;}
.pgwMenu a{ display: block; color: #fff; line-height: 50px; padding: 0 20px; text-decoration: none;font-size:16px;}
.pgwMenu a.selected { background: #1e5da3;}
.pgwMenu .pm-links.mobile,
.pgwMenu .pm-viewMore > ul { background: #1e5da3; box-shadow: 2px 2px 4px #777; position: absolute; right: -20px; top: 100%; z-index: 1000;-webkit-transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.pgwMenu .pm-viewMore { display: none; position: relative;}
.pgwMenu .pm-viewMore > a { display: inline-block;}
.pgwMenu .pm-viewMore > a:hover{color:#fff;}
.pgwMenu .pm-viewMore > ul { left: auto; right: 0;}
.pgwMenu .pm-viewMore li { float: none;}
.pgwMenu .pm-viewMore span.icon,
.pgwMenu .pm-viewMore span.white { border-color: #fff transparent; border-style: solid; border-width: 8px 6px 0; margin-left: 3px; display: inline-block;}
.pgwMenu.light .pm-viewMore span.icon,
.pgwMenu .pm-viewMore span.black { border-color: #000 transparent; border-style: solid; border-width: 8px 6px 0; margin-left: 3px; display: inline-block;}
.pgwMenu .pm-links.mobile li,
.pgwMenu .pm-viewMore > ul > li { display: block; clear: both; width: 175px;}
.pgwMenu .pm-dropDown,
.pgwMenu .pm-viewMore,
.pgwMenu .pm-viewMore > ul { display: none;}
.pgwMenu .pm-dropDown a { display: inline-block; float: right;}
/*main*/
main{ padding-top: 15px;}
.sec_block{ margin-bottom:30px;} 
.title_01{border-bottom:2px solid #f1f1f1;height:50px;line-height:50px; margin-bottom: 20px;}
.title_01 span{ display: inline-block;height:50px;border-bottom:2px solid #1358a6;margin-bottom:-1px;font-size:22px;color:#333;}
.more_01{ float: right; display: block;margin-top: 12px; position: relative;width:30px; height:30px; background: url(../img/news_ico03.png) no-repeat left center;} 
.more_01:hover{background-position: right center;}
.title_02{ font-size: 18px; margin-bottom: 20px;}
/*owl-carousel*/
.owl-carousel .owl-dots .owl-dot:hover span,.owl-carousel .owl-dots .owl-dot.active span{ background: #fff; -webkit-transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.owl-carousel .owl-dots .owl-dot.active span{background:#1358a6; opacity: 1;width:30px;}
/*focus*/ 
.focus_caption{ position: absolute; bottom: 0; left:0; width: 100%; height: 80px; background: url(../img/focus_01.png) left bottom repeat-x; color: #fff;font-size: 18px; padding:35px 140px 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.focus .owl-dots{ position: absolute; color: #fff; bottom:10px; right:15px;} 
.focus a:hover .focus_caption{color:#fff;}
#focus .owl-nav [class*=owl-]{ font-size: 0; position: absolute; top:50%; width:50px; height: 80px; margin-top: -40px; background:rgba(0,0,0,0) url(../img/arrow02_l.png) center center no-repeat;}
#focus .owl-nav [class*=owl-].owl-prev{ left:0; opacity: 0}
#focus .owl-nav [class*=owl-].owl-next{ right:0; background-image: url(../img/arrow02_r.png); opacity: 0 }
#focus:hover .owl-nav [class*=owl-]{ background-color:rgba(0,0,0,0.20);} 
#focus:hover .owl-nav [class*=owl-].owl-next,#focus:hover .owl-nav [class*=owl-].owl-prev{ opacity: 1;}

h1,h2,h3,h4,h5,h6,.logo,.nav,.pindao_nav,.focus_caption,.load_more a,.btn_ser{ font-family:"微软雅黑", Microsoft YaHei,arial;}
/*footer*/
footer{width:100%; height: auto; overflow: hidden; background: #f6f6f6;padding:35px 0;margin-top:43px;}
.footer_inner{ text-align: center; font-family: "宋体";color:#888;line-height:2;}
.footer_inner p{color:#333;}
/*友情链接*/
.youqingLink_inner h3 {border-bottom: 1px solid #f1f1f1;height: 50px;line-height: 50px;}
.youqingLink_inner h3 span {display: inline-block;border-bottom: 2px solid #1358a6;margin-bottom: -1px;font-size: 22px;color: #333;}
.link_img{width:100%;padding-top:20px; height:auto; overflow: hidden;}
.link_img a{ display: block; float: left; width:8.33%; padding:8px;}
/*返回顶部*/
.goTop{width:80px; height: auto; overflow: hidden; position: fixed;right:50px;bottom:100px;z-index:9999;}
.TopBtn{margin-top:10px; cursor: pointer;}


@media only screen and (max-width: 1023px){
	.inner{ width:890px;}
	.indexNavscr,.pindao_navscr{width:890px;}
	.text_01{width:100px;}
} 
@media only screen and (max-width: 991px){
	.inner,.pindao_navscr,.indexNavscr{ width:750px;}
	.logo{width:42%;margin-top:30px;}
	.logo img{width:50%;}
	.logo b{ display: block; margin:10px auto 0; text-align: center;font-size:14px;}
	.nav ul{padding:0;}
	.nav a{font-size:14px;}
	.nav ul:nth-child(2){padding-left:1%;width:50%;}
	.nav ul:nth-child(3){width:9.2%;}
	.nav ul:nth-child(3){padding-left:2%;}
	.goTop{right:10px;width:60px;}
	.text_01{width:85px;}
	.header .inner{padding:15px;}
} 

@media only screen and (max-width: 767px){
	.inner{ width: 100%; padding: 0 15px;}
	.innerpd_nav{padding:0;width:100%;}
	.pindao_nav .inner{padding:0;}
	.pindao_navscr{width:100%;}
	.indexNavscr{width:100%;}
	.sousuo .search_ico{ display: inline-block;}
	.header .inner{padding-bottom:0;}
	.daohang{ display: none;}
	.daohang_show{ display:block;padding-bottom:30px;}
	.indexNav .menu_ico{ display: block;}
	.indexNavscr .menu_ico{top:10px;right:15px; background: url(../img/nav03.png) no-repeat center center;}
	.indexNavscr .menu_active{ background: none;}
	.indexNavscr{margin-left:-15px;margin-right:-15px;}
	.indexNavscr .daohang{padding-bottom:0;}
	.header{padding-top:0;}
	.header_bar{width:100%;}
	.oldLink{ float: right;margin-right:3px;}
	.sousuo{ float: left;width:70%;padding:0;}
	.sousuo .search_ico{ opacity: 1;}
	.sousuo a{font-size:12px;margin-top:0;}
	.searchBox{ display: none;}
	.logo{padding:0 0 20px;width:100%;}
	.logo b{margin-top:19px;font-size:12px;}
	.nav ul:first-child, .nav ul:nth-child(2),.nav ul:nth-child(3){width:100%;padding:0;}
	.pindao_nav ul li a{text-align: center;}
	#focus{width:100%; float: none;}
	.indexNav .menu_active i{background-color:#fff;}
	/*#focus .owl-nav [class*=owl-]{background-color:rgba(0,0,0,0.40);}*/
	#focus:hover .owl-nav [class*=owl-].owl-next,#focus:hover .owl-nav [class*=owl-].owl-prev{ opacity: 0;}
	.pindao_nav{margin-top:0;}
	.pindao_nav ul{margin-left:10px;}
	.nav ul:first-child:after, .nav ul:nth-child(2):after{ display: none;}
	.nav ul:nth-of-type(1) li a:nth-of-type(1){padding-left:3.5%;}
	.nav{padding-top:15px;padding-bottom:30px;}
	.nav a{padding:0 3.5%;}
	.daohang{padding:0;}
	.goTop{ display: none;}
	.link_img a{ width:25%; text-align: center;}
	.goTop{ display: none;}
	.m-nav-show{ background: url(../img/btn-nav-open.png) no-repeat center center;height:50px;padding-left:22px;margin-left:15px;}
	.m-nav-hide{ background: url(../img/btn-nav-close.png) no-repeat center center;height:50px;padding-left:22px;margin-left:15px;}
	.pindao_nav .hide-more-nav{width:100%;float: right;padding-left:15%; display: none; position: absolute;top:50px;right:0; text-align: center;background: -webkit-linear-gradient(left,#1881c4,#195aa4);background: -o-linear-gradient(left,#1881c4,#195aa4);background: -moz-linear-gradient(left,#1881c4,#195aa4);background: linear-gradient(left,#1881c4,#195aa4);}
	
	footer{font-size:12px;margin-top:25px;}
}
@media only screen and (max-width: 320px){
	.nav a{padding:0 3%;}
	.nav ul li a:nth-of-type(1),.nav ul:nth-of-type(1) li a:nth-of-type(1){padding-left:0;}
	.nav ul:nth-of-type(2) li:nth-of-type(2) a:nth-of-type(1){padding:0;}
	.logo b{margin-top:10px;}
}
@media only screen and (max-width: 320px){
	.nav a{padding:0 3%;}
	.nav ul li a:nth-of-type(1),.nav ul:nth-of-type(1) li a:nth-of-type(1){padding-left:0;}
	.nav ul:nth-of-type(2) li:nth-of-type(2) a:nth-of-type(1){padding:0;}
	.menu_ico{right:15px;top:76px;}
	.logo b{margin-top:10px;}
}
.more_news,.pic_News a::before,.paint_list a,input[type="submit"], input[type="reset"], input[type="button"],.owl-prev,.owl-next,header,.indexNav .menu_ico i,
.order_show,.mation li,.exhibition_show li a img{
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
} 
/*图片横向*/
aa{
    display: block;
    max-width: none;
    width: -webkit-calc(100%+ 10px);
    width: calc(100% + 10px);
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}
aa{
    opacity: 1.0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/*图片纵向*/
aa{
    display: block;
    max-width: none;
    height: -webkit-calc(100% + 10px);
    height: calc(100% + 10px);
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}
aa{
    opacity: 1.0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/*图片由小变大*/
.link_img a img{
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration:400ms;
    max-width: 100%;
    /*position: relative;*/
}

.link_img a:hover img{
    -webkit-transform: scale(1.04, 1.04);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1.04, 1.04);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1.04, 1.04);
    transition-timing-function: ease-out;
    transition-duration:400ms;
}
